.equipment {
  .search {
    padding         : 20px 0 16px 0;
    background-color: #fff;
  }

  .navbar {
    display         : flex;
    align-items     : center;
    justify-content : space-around;
    background-color: #FCFCFE;

    a {
      text-decoration: none;
      text-align: center;

      img {
        width : 36px;
        height: 36px;
      }

      div {
        font-size : 12px;
        margin-top: 7px;
        color     : #69727b;
      }

    }

    .item {
      display       : flex;
      align-items   : center;
      flex-direction: column;

      img {
        width : 36px;
        height: 36px;
      }

      div {
        font-size : 12px;
        margin-top: 7px;
        color     : #69727b;
      }
    }
  }

  .content {
    margin-top             : 10px;
    background-color       : #fff;
    border-top-left-radius : 8px;
    border-top-right-radius: 8px;
    padding                : 16px;

    .navheader {
      display        : flex;
      align-items    : center;
      justify-content: space-around;
      border-bottom  : 1px solid #e5e5e5;

      div {
        font-size     : 14px;
        color         : #adadae;
        display       : flex;
        align-items   : center;
        flex-direction: column;

        span {
          display                : inline-block;
          width                  : 20px;
          border-top-left-radius : 8px;
          border-top-right-radius: 8px;
          background-color       : #1676FE;
          margin-top             : 10px;

        }
      }

      .active {
        color: #333;

        .line {
          border-top: 3px solid #1676FE;
        }
      }
    }

    .list {
      margin-top: 12px;
    }
  }
}


.Waiting-list {
  display      : flex;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 10px;

  .list-left {
    img {
      width : 110px;
      height: 75px;
    }
  }

  .list-right {
    margin         : 0 28px 0 12px;
    display        : flex;
    flex           : 1;
    flex-direction : column;
    justify-content: space-between;
    padding-bottom : 5px;

    .up {
      color      : #303133;
      font-size  : 14px;
      font-weight: bold;

      span {
        display                   : inline-block;
        font-size                 : 10px;
        color                     : #1677ff;
        border-top-left-radius    : 6px;
        border-bottom-right-radius: 6px;
        padding                   : 3px 5px;
        background-color          : #E7F1FF;
        margin-right              : 10px;
      }
    }

    .down {
      display        : flex;
      align-items    : center;
      justify-content: space-between;

      div {
        font-size       : 14px;
        background-color: #f5f7fa;
        padding         : 2px 3px;
        border-radius   : 4px;
      }

      .za-button {
        height          : 30px;
        background-color: #1777FF;
        color           : #FFF;
      }
    }
  }
}